<template>
    <div>
<!--        关于我的-->
     <dao-hang></dao-hang>
        <div >
            <div class="imaone" style="height: 300px;width: 100%;">
                <div style="text-align: center;font-size:40px;color: white;">
                    <span style="position: relative;top: 50px;">关于作者版</span>
                        <br>
                        <span  style="position: relative;top: 70px;">扬帆的梦从这里开始！</span>
                        <br>
                        <span style="position: relative;top: 90px;">作者的第一个博客项目！</span>
                </div>
            </div>
            <!--                中央布局内-->

                <div class="imatow"  style="height: 900px;">
                    <el-card style="margin-left: 300px;margin-right: 300px;position: relative;top: 80px;" >
                        <div>
                            <H1 style="    border-left: 0.25rem solid #6bc30d;"><span style="margin-left: 50px;">关于作者</span></H1>
                            <div style="margin-left: 50px;margin-top: 10px;">
                                <div style="margin-top: 10px;">作者的第一个博客项目，越写感触越深！</div>
                                <br>
                                <div>今年二十了，迷茫吗？当然不，只是想学好技术罢了！</div>
                                <br>
                                <div>邮箱：574538457@qq.com</div>
                                <br>
                                <div>面对生活的每一天当然是用微笑面对！</div></div>

                        </div>
                        <div>
                            <H1 style="    border-left: 0.25rem solid #6bc30d;"><span style="margin-left: 50px;">关于本站</span></H1>
                            <div style="margin-left: 50px;">
                                <div>本站是作者的毕设！毕设！！</div>
                                <br>
                                <div>前端:  Vue + EelementUi组件库开发~</div>
                                <br>
                                <div>后端: Spring + Mybatis + Mysql数据库</div>
                                <br>
                                <div>昂，夏天的风都忍不住想安抚你躁动的心！</div>
                            </div>

                        </div>
                        <div>
                            <H1 style="    border-left: 0.25rem solid #6bc30d;"><span style="margin-left: 50px;">关于说明</span></H1>
                            <div style="margin-left: 50px;margin-top: 10px;">
                                <div>博客可能到这里就告一段落了，但是我会继续，冲冲冲！</div>
                                <br>
                                <div>每天的太阳照常升起，哎，打工人就要继续！！！</div>
                                <br>
                                <div>今天的烦恼就到此为止吧！听听《棉花糖》甜甜夏日~</div>
                            </div>

                        </div>
                    </el-card>

                </div>


            <div class="imathree" style="height: 100px;width: 100%;text-align: center">
                    <div style="color: white;font-size: 30px;position: relative;top: 30px;">愉快的阅览总是短暂的，HHHH</div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "author",
        data(){
            return{

            }

        }
    }
</script>

<style>
    .imaone{
        background-image: url("https://img2.baidu.com/it/u=234483973,4058528155&fm=26&fmt=auto&gp=0.jpg");
        background-size: 100%;
    }
    .imatow{
        background-image: url("https://img2.baidu.com/it/u=3271905947,599789055&fm=26&fmt=auto&gp=0.jpg");
        background-size: 100%;
    }
    .imathree{
        background-image: url("https://img2.baidu.com/it/u=234483973,4058528155&fm=26&fmt=auto&gp=0.jpg");
        background-size: 100%;
    }

</style>